<template>
  <div>
    <div class="mz">
      <img src="img/uc1.png"/>
      <p>我的资产</p>
      <img class="jt" src="img/jt.png"/>
    </div>
    <div class="mz">
      <img src="img/uc2.png"/>
      <p>优惠券</p>
      <img class="jt" src="img/jt.png"/>
    </div>
    <div class="mz">
      <img src="img/uc3.png"/>
      <p>我的收藏</p>
      <img class="jt" src="img/jt.png"/>
    </div>
    <div class="mz">
      <img src="img/uc4.png"/>
      <p>地址管理</p>
      <img class="jt" src="img/jt.png"/>
    </div>
    <div class="mz">
      <img src="img/uc5.png"/>
      <p>资质证照</p>
      <img class="jt" src="img/jt.png"/>
    </div>
    <div class="mz">
      <img src="img/uc6.png"/>
      <p>协议规则</p>
      <img class="jt" src="img/jt.png"/>
    </div>
    <div class="mz">
      <img src="img/uc7.png"/>
      <p>帮助与反馈</p>
      <img class="jt" src="img/jt.png"/>
    </div>
  </div>
</template>

<script>
export default {

};
</script>

<style scoped>
  .mz{
    width: 100%;
    height: 0.49rem;
    background-color: white;
    display: flex;
    margin-top: 0.01rem;
    justify-content: space-between;
  }
  .mz img:nth-child(1){
    width: 0.38rem;
    height: 0.38rem;
    margin-top: 0.05rem;
    margin-left: 0.2rem;
  }
  .mz p{
    font-size: 0.14rem;
    line-height: 0.5rem;
    margin-left: -2.2rem;
    color: #333333;
  }
  .mz .jt{
    width: 0.15rem;
    height: 0.15rem;
    margin-top: 0.17rem;
    margin-right: 0.3rem;
  }
  .mz:nth-child(7) p{
    margin-left: -2.08rem;
  }
  .mz:nth-child(4){
    margin-top: 0.04rem;
  }
</style>